<template>
	<view>
		<!-- 卡详情 -->
		<view class="cardpar1">
			<view class="cardpar1-1">
				<view class="cardpar1-11">
					<text>I类</text>
					<text>{{hidecard}}</text>
					<image src="../../static/img/eyebihui.png" mode=""></image>
				</view>
				<view class="cardpar1-12">
					<view class="cardpar11">
						<text>注册渠道</text>
						<text>{{networkregister}}</text>
					</view>
					<view class="cardpar11">
						<text>开户网点</text>
						<text>{{openbank}}</text>
					</view>
					<view class="cardpar11">
						<text>卡状态</text>
						<text style="padding-left: 30rpx;">{{cardstatus}}</text>
					</view>
					<view class="cardpar11">
						<text>账户状态</text>
						<text>{{accountstatus}}</text>
					</view>
					<view class="cardpar11">
						<text>默认账户</text>
						<text>{{defaultaccount}}</text>
					</view>
				</view>
				<view class="cardpar1-13">
					<view @click="goreport">
						挂失
					</view>
					<view @click="gochangep">
						改密
					</view>
					<view>
						密码解锁
					</view>
					<view>
						更多
					</view>
				</view>
			</view>
		</view>
		<view class="cardpar2">
			<view class="cardpar2-1">
				<view class="cardpar2-11">
					<image src="../../static/img/china2.png" mode=""></image>
					<text>人民币活期</text>
				</view>
				<view class="cardpar2-12">
					<view>可用额度</view>
					<view>￥2.00</view>
				</view>
				<view class="cardpar2-12">
					<view>账户余额</view>
					<view>￥2.00</view>
				</view>
				<view class="cardpar2-13">
					<view class="cardpar2-131">
						<view>钞汇标志</view>
						<view>本币</view>
					</view>
					<view class="cardpar2-131">
						<view>执行利率</view>
						<view>0.20000%</view>
					</view>
					<view class="cardpar2-131">
						<view>开户日期</view>
						<view>2019/12/21</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {myAccount} from '../../API/myAccount.js'
	export default {
		data() {
			return {
				accountstatus:'',
				cardstatus:"",
				defaultaccount:"",
				networkregister: "",
				openbank: "",
				hidecard:""

			}
		},
		methods: {
			onLoad(option){
				console.log(option.accountstatus);
				this.accountstatus=option.accountstatus
				this.cardstatus=option.cardstatus
				this.defaultaccount=option.defaultaccount
				this.networkregister=option.networkregister
				this.openbank=option.openbank
				this.hidecard=option.hidecard
			},
			goreport(){
				uni.navigateTo({
					url:"/pages/reportLoss/reportLoss?cardnum="+this.hidecard
				})
			},
			gochangep(){
				uni.navigateTo({
					url:"/pages/changePassword/changePassword?cardnum="+this.hidecard
				})
			}
		}
	}
</script>

<style scoped>
.cardpar1{
	height: 600rpx;
	background-color: white;
}
.cardpar1-1{
	width: 700rpx;
	height: 530rpx;
	box-shadow:7rpx 7rpx 10rpx rgba(128, 128, 128, 0.2);
	margin-left: 25rpx;
	margin-top: 80rpx;
}
.cardpar1-11{
	margin-top: 20rpx;
}
.cardpar1-11 image{
	width: 40rpx;
	height: 40rpx;
	margin-left: 30rpx;
}
.cardpar1-11 text:nth-child(1){
	font-size: 35rpx;
	font-weight: 600;
	color: #1bc48c;
	margin-left: 30rpx;
}
.cardpar1-11 text:nth-child(2){
	font-size: 35rpx;
	/* font-weight: 600; */
	margin-left: 30rpx;
}
.cardpar2{
	height: 900rpx;
	background-color: #f7f7f7;
	position: relative;
}
.cardpar1-12{
	margin-top: 40rpx;
}
.cardpar11 text:nth-child(1){
	font-size: 30rpx;
	font-weight: 600;
}
.cardpar11 text:nth-child(2){
	font-size: 30rpx;
	color: rgb(128, 128, 128);
	margin-left: 20rpx;
}
.cardpar11{
	margin: 30rpx 30rpx;
}
.cardpar1-13{
	display: flex;
	margin-top: 50rpx;
}
.cardpar1-13 view{
	font-size: 30rpx;
	color: rgb(128, 128, 128);
	border: 1rpx solid rgb(128, 128, 128);
	border-radius: 30rpx;
	padding: 10rpx 40rpx;
	margin: 0 10rpx;
}
.cardpar2-1{
	width: 750rpx;
	position: absolute;
	top: 20rpx;
	height: 450rpx;
	background-color: white;
}
.cardpar2-11 image{
	width: 50rpx;
	height: 50rpx;
	border-radius: 50%;
	margin-left: 20rpx;
}
.cardpar2-12{
	display: flex;
	justify-content: space-between;
}
.cardpar2-12 view:nth-child(1){
	font-size: 35rpx;
	font-weight: 600;
	margin-top: 20rpx;
	margin-left: 20rpx;
}
.cardpar2-12 view:nth-child(2){
	font-size:35rpx;
	color:burlywood;
	margin-right: 10rpx;
}
.cardpar2-131{
	display: flex;
	justify-content: space-between;
	color: rgb(128, 128, 128);
	font-size: 35rpx;
	margin-top: 20rpx;
	margin-left: 20rpx;
}
.cardpar2-13{
	border-top: 1rpx solid rgba(128, 128, 128,0.4);
	margin-top: 30rpx;
}
</style>
